<html>
    <head>
        <title>Web Me</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <h1>Web Me</h1>
        <h3>¿Quién eres? </h3>
        <p>Nombre completo</p>
        <img src="imagen.gif" />
        <h3>¿Cuántos años tienes?</h3>
        Edad basada en la fecha de nacimiento
        <h3>¿Qué signo eres?</h3>
        <p>Signo basado en la fecha de nacimiento</p>
        <img src="signo.png" />
        <h3>¿Cómo te va a ir hoy?</h3>
        <p>Horóscopo</p>
        <h3>¿Quiénes son tus mejores amigos?</h3>
        <ul>
            <li>
                <p>Amigo 1 basado en mensajes y posts</p>
                <img src="imagen.gif" />
            </li>
            <li>
                <p>Amigo 2 basado en mensajes y posts</p>
                <img src="imagen.gif" />
            </li>
            <li>
                <p>Amigo 3 basado en mensajes y posts</p>
                <img src="imagen.gif" />
            </li>
            <li>
                <p>Amigo 4 basado en mensajes y posts</p>
                <img src="imagen.gif" />
            </li>
            <li>
                <p>Amigo 5 basado en mensajes y posts</p>
                <img src="imagen.gif" />
            </li>
        </ul>
        <h3>Te recomendamos estos videos</h3>
        <p>Video 1 Video 2 Video 3, ...</p>
        <h3>¿Ya conoces estos lugares?</h3>
        <ul>
            <li>
                Lugar 1<br/>
                Descripcion<br/>
                Coordenadas
            </li>
            <li>
                Lugar 2<br/>
                Descripcion<br/>
                Coordenadas
            </li>
            <li>
                Lugar 2<br/>
                Descripcion<br/>
                Coordenadas
            </li>
            <li>
                ...<br/>
                ...<br/>
                ...
            </li>
        </ul>
        <p>MAPA CON MARCADORES DE LA UBICACIÓN DE LOS LUGARES</p>
    </body>
</html>